jenis perulangan
- counted loop, merupakan perulangan yang jelas dan sudah tentu banyak perulanganya
- perulangan For
- perulangan ForEach
- perulangan Repeat
- uncounted loop,merupakan perulangan yang tidak jelas berapa kali ia harus mengulang
- perulangan While
- perulangan Do/While
perulangan for
- digunakan untuk melakukan perulagan dengan jumlah iterasi yang telah ditentukan sebelumnya
- for (iniitialExpression; conditional; incrementExpression)
for (let i = 0; i < 10; i++) {
console.log("perulangan ke-" + i);
}
cara kerjanya adalah for lalu ada let i = 0 yang artinya membuat var i = 0
lalu ; i < 10 ini adalah kondisi jika i kurang dari 10 maka akan menjalankan,
; i++ yang artinya variabel i ditambah 1 dan diulang sampai kondisi menjadi i < 10 yaitu saat var i menjadi 10
var fruits = ["banana", "apple", "manggo", "orange"];
for (let i = 0; i < fruits.length; i++) {
let newText = document.createElement("p");
newText.textContent = i + "." + fruits[i];
document.body.appendChild(newText);
}
perulangan While
- dilakukan selama kondisi yang diberikan bernilai true
- while(conditional)
- perulangan while akan mengecek kondisi di depan atau awal sebelum menghilang
var i = 0;
while (i < 10) {
console.log("perulagan ke-" + i);
i++;
}
var fruits = ["banana", "apple", "manggo", "orange"];
var len = fruits.length;
var i = 0;
var html = "";
while (i < len) {
html += "<p>I like " + fruits[i] + "</p>";
i++;
}
document.getElementById("p-1").innerHTML = html;
perulagan do/while
- perulangan do while akan melakukan sebanyak 1 kali terlebih dahulu, lalu mengecek kondisi yang ada di dalam while
- atau perulangan yang akan di lakukan setidaknya 1 kali meski kondisi tidak terpeuhi
- do {
// block kode yang akan di ulang
} while(conditional)
- perulagan do while akan mengecek kondisi di belakang setelah menghilang
do {
i++;
console.log("perulangan ke-" + i);
} while (i < 10);
berbeda dengan while yang ini akan meiterasi sampai 10 karena setelah i 9 dan kondisi telah terpenuhi
akan ada 1 exkesekusi tambahan
perulangan for Each
- perulangan forEach biasanya digunakan untuk mencetak item di dalam array.
- menggunakan for dengan operator in
- menggunakan method forEach()
var languages = ["javascript", "HTML", "CSS", "Typescript"];
// for normal
for (i = 0; i < languages.length; i++) {
console.log(i + ". " + languages[i]);
}
// for in
for (i in languages) {
console.log(i + ". " + languages[i]);
}
// for of
text = "aria";
for (letter of text) {
console.log(letter);
}
// forEach()
var days = ["senin", "selasa", "rabu", "kamis", "jumat"];
days.forEach(function (day) {
console.log(day);
});
days.forEach((day) => {
console.log(day);
});
perulagan repeat()
- perulagan dengan method atau fungsi repeat() termasuk kedalam perulangan counted loop
- fungsi ini digunakan untuk mengulang sebuah teks (string)
- bisa dibilang ini merupakan singkat dari perulagan for
for (let i = 0; i < 3; i++) {
console.log("ulangi kalimat ini");
}
console.log("ulangi kalimat ini\n".repeat(3));
perulagan nested
- perulagan bersarang adalah perulagan di dalam perulagan
for (let i = 0; i < 1; i++) {
for (let j = 1; j < 10; j++) {
console.log("perulangan ke-" + i + "." + j);
}
}
perulangan ke-0.1
perulangan ke-0.2
perulangan ke-0.3
... dan seterusnya
var ulangi = confirm("apakah anda ingin mengulang?");
var counter = 0;
while (ulangi) {
counter++;
var bintang = "*".repeat(counter) + "
";
var newText = document.createElement("small");
newText.innerHTML = counter + ": " + bintang;
document.body.appendChild(newText);
var ulangi = confirm("apakah anda ingin mengulang?");
}
break dan continue
- break digunakan untuk menghentikan exkesekusi perulagan
for (var i = 0; i < 10; i++) {
if (i === 3) {
break; // loop berhenti setelah i = 3
}
console.log(i);
}
- continue digunakan untuk melompati satu iterasi dalam perulangan dan melanjutkan ke iterasi berikutnya
for (var i = 0; i < 5; i++) {
if (i === 2 || i === 3) {
continue; // iterasi diabaikan saat i = 2 atau i = 3
}
console.log(i);
}